Return to the menu Select another DES Module

Demonstrates formats of the Current Date Label field.

The Current Date Label shows the selected date as a label. It appears in the calendar's footer. It is not shown by default.

The CurrentDateLabel property hosts settings for this field.
To show the label, use the CurrentDateLabel.ShowField property and specify which row it should appear in the footer.
To change its appearance, use the CurrentDateLabel.DateFormat property.

Controls

DateFormat=Abbreviated

Previous Month

Next Month

February 2026 Select a Different Month

Select a Different Month

Tue, Feb 24, 2026

DateFormat=AbbreviatedNoYear

Previous Month

Next Month

February 2026 Select a Different Month

Select a Different Month

Feb 24

DateFormat=Long

Previous Month

Next Month

February 2026 Select a Different Month

Select a Different Month

Tuesday, February 24, 2026

DateFormat=LongNoYear

Previous Month

Next Month

February 2026 Select a Different Month

Select a Different Month

February 24

DateFormat=Short

Previous Month

Next Month

February 2026 Select a Different Month

Select a Different Month

2/24/2026

DateFormat=ShortNoYear

Previous Month

Next Month

February 2026 Select a Different Month

Select a Different Month

2/24

Source Code (C#)

<script runat="server">
   protected void Page_Load(object sender, EventArgs e)
   {
      Calendar1.SelectedDate = DateTime.Today;
      Calendar2.SelectedDate = DateTime.Today;
      Calendar3.SelectedDate = DateTime.Today;
      Calendar4.SelectedDate = DateTime.Today;
      Calendar5.SelectedDate = DateTime.Today;
      Calendar6.SelectedDate = DateTime.Today;
   }
</script>

<h2>DateFormat=Abbreviated</h2>
<des:Calendar ID="Calendar1" runat="server">
   <CurrentDateLabel ShowField="RecommendedRow" DateFormat="Abbreviated" />
</des:Calendar>
<br/><br/>
<h2>DateFormat=AbbreviatedNoYear</h2>
<des:Calendar ID="Calendar2" runat="server">
   <CurrentDateLabel ShowField="RecommendedRow" DateFormat="AbbreviatedNoYear" />
</des:Calendar>
<br/><br/>
<h2>DateFormat=Long</h2>
<des:Calendar ID="Calendar3" runat="server">
   <CurrentDateLabel ShowField="RecommendedRow" DateFormat="Long" />
</des:Calendar>
<br/><br/>
<h2>DateFormat=LongNoYear</h2>
<des:Calendar ID="Calendar4" runat="server">
   <CurrentDateLabel ShowField="RecommendedRow" DateFormat="LongNoYear" />
</des:Calendar>
<br/><br/>
<h2>DateFormat=Short</h2>
<des:Calendar ID="Calendar5" runat="server">
   <CurrentDateLabel ShowField="RecommendedRow" DateFormat="Short" />
</des:Calendar>
<br/><br/>
<h2>DateFormat=ShortNoYear</h2>
<des:Calendar ID="Calendar6" runat="server">
   <CurrentDateLabel ShowField="RecommendedRow" DateFormat="ShortNoYear" />
</des:Calendar>

Return to the menu Select another DES Module